<template>
  <view>
    <customForm :data="props.data" :column="props.columns" :empty-value="'无'">
      <customFormItem
        v-for="item in props.columns"
        :key="item.prop"
        :prop="item.prop"
        :label="item.label"
        :width="item.width"
        :visibleFlag="item.visibleFlag"
        :customValue="props.fileFeildList.includes(item.prop)"
      >
        <template v-if="props.fileFeildList.includes(item.prop)">
          <updateFileVue
            v-if="props.data[item.prop] && props.data[item.prop].length > 0"
            v-model="props.data[item.prop]"
            :onlyShow="true"
          ></updateFileVue>
          <text v-else>无</text>
        </template>
      </customFormItem>
    </customForm>
  </view>
</template>
<script setup lang="ts">
import customForm from '@/components/customForm/customForm.vue';
import customFormItem from '@/components/customForm/customFormItem.vue';
import updateFileVue from '@/components/updateFile.vue';
const props = defineProps<{
  formId: string;
  data: any;
  fileFeildList: any;
  columns: any;
}>();
</script>
